<!DOCTYPE html>
<?php $options = get_option( 'petwares_theme_options' ); ?>
<html>
    <head>
	<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/reset.css" type="text/css" media="screen" />
   	<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/960.css" type="text/css" media="screen" />
   	 <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/all.css" type="text/css" media="screen" />	
   	 <link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_directory'); ?>/css/jkmegamenu.css" />
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        
        <title>Pet Wares</title>
       <!--[if lt IE 9]>
	<style type="text/css">
	.member-bg{
		margin-top:0;
	}
	form.search_form_visible #s{
	width:200px;
	}
	</style>
	<![endif]--> 
    
    <?php wp_head(); ?>
    	<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/jkmegamenu.js"></script>

		<?php if(!is_page(26)){?>
		<script type="text/javascript">
		var category = "<?php echo $options['category']; ?>"
		//jkmegamenu.definemenu("anchorid", "menuid", "mouseover|click")
		jkmegamenu.definemenu(category, "megamenu1", "mouseover")
		</script>
		<?php } ?>
	<?php
		if(is_page($options['form-page-id'])){
			accordion_UI();
		}
	?>
    </head>
    <body>
       
    <div class="whole">
		<div class='header-top'>
			<div class='container_12'>
				<div id="search_box" class="grid_5 push_7">
					<div id="my-search">
						<form method="get" class="search_form_visible" action="<?php bloginfo('home'); ?>/">
							<p>
								<input class="text_input" type="text" value="Enter Text &amp; Click to Search" name="s" id="s" onfocus="if (this.value == 'Enter Text &amp; Click to Search') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Enter Text &amp; Click to Search';}" />
								<input type="submit" class="my-search" id="searchsubmit" value="SEARCH" />
							</p>
						</form>
					</div>
				</div>
			</div>
		</div>
		<div class='header-middle'>
			<div class='container_12'>
				<div id="header-logo" class="grid_4"><a id="logoLink" title="<?php bloginfo('title'); ?>" href="<?php bloginfo('siteurl'); ?>"></a>
				</div>
				<div id="header-right" class="grid_8">
					<a href="<?php bloginfo('siteurl'); ?>" title="<?php bloginfo('title'); ?>"><div id="catchphrase">
					</div></a>
				<div class="clear"></div>
					<div id="social-bar">
					<?php if (function_exists('dynamic_sidebar')) {dynamic_sidebar('social-bar');} ?>	
					</div>
				</div>
			</div>
		</div>
		<div class='header-bottom'>
			<div class="container_12">
				<div class="grid_12 nav">
				<!--Mega Menu Anchor-->
					<?php if (function_exists('dynamic_sidebar')) {dynamic_sidebar('nav-menu');} ?>	
						

				</div><!-- end nab -->
			</div>
		</div>
	</div>

    <div id="wrapper" class="container_12">
		
                
        <div class="clear"></div>
        
        
